*{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	color: #333333;
}

a,li{
	text-decoration: none;
	list-style: none;
}
img{width: 100%;height: 100%;display: block;}
header{
	position: relative;
	padding-top: 0.2rem;
	 line-height: .8375rem;
	background:#ffd600;
	height: 1.3rem;
	position:absolute;
	align-items: center;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
section{
	position: absolute;
	top: 1.3rem;
	bottom: 1.6rem;
	right: 0;
	left: 0;
	overflow-y: scroll;
	font-size: 0.5rem;
}
footer{
	background: white;
	height: 1.6rem;
	position: absolute;
	left: 0;
	right:0;
	bottom: 0;
}
.logo{
	display: flex;
}
#serch{
	font-size: 0.40625rem;
	text-align: left;
	border-radius: 3px;
	
	height: 0.8rem;
}

.one{
	width: 0.734375rem;
	height: 0.734375rem;
	display: block;
	background: url(../img/icon5.png) no-repeat;
	background-size:100%  ;
}
.two{
	display: block;
	font-size: 0.2rem;
}
/*主体部分*/
.banner{
	overflow: hidden;
	width: 100%;
	height: 3.734375rem;
	padding-bottom: 0.34375rem;
}

.list{
	width: 100%;
	height: 1.890625rem;
	padding-bottom: 0.34375rem;
	display: flex;
	font-size: 0.3125rem;
}
.list dl{
	width: 1.6875rem;
	height: 2.03125rem;
}
.list dt{
	width: 1.6875rem;
	height: 1.409375rem;
}
.list img{
	width: 100%;
	height: 100%;
}
.tab{
	width: 100%;
	padding-bottom: 0.34375rem;
}
.tab ul{
	display: flex;
}
.tab li{
	width: 32.9999%;
}

.img{
	height: 1.75rem;
	width: 100%;
}
.hot{
	
	display: flex;
}

.hot span{
	width: 49%;
	height: 1.828125rem;
}
.hot_list{
	padding-bottom:0.74375rem;
	display: flex;
	
}
.border{
	border-top: 1px solid #C1C1C1;
	border-right: 1px solid #C1C1C1;
}
.border2{
	border-top: 1px solid #C1C1C1;
	border-left: 1px solid #C1C1C1;
}
.hot_list li{
	width: 22%;
}
.fruit{
 display: flex;
 
}
.add{
	background: url(../img/product_operate-57bf1d7b.png) no-repeat;
}
.font{
	text-indent: 0.2rem;
	width: 80%;
	text-align: left;
	color: #f38631;
	font-size: 0.40625rem;
	font-weight: bold;
}
#content{
	width:0.28125rem;
	height: 0.287rem;
	background-color: #F38631;
}
.more{
	
	text-align: center;
font-size: 0.40625rem;
	width: 20%;
	color: #5d5d5d;
}
.fruit_banner{
	padding: 0.2rem 0.2rem 0.2rem 0.2rem;
	height: 3rem;
}

.fruit_list{
	font-size: 0.3025rem;
	
	display: flex;
}
.fruit_list ul{
	width: 3.34375rem;
	
}
.div_shandow{
	height: 0.375rem;
	background-color: #EFEFEF;
}
.weight{
	overflow: hidden;
	font-weight: bold;
}
.sys{
	position: absolute;
	right: .5rem;
}
.two{
	position: absolute;
	top: .5rem;
	left: .15rem;
}
.spa1{
	width: 0.84375rem;
	text-align: center;
	color: #ff0000;
	border: 1px solid #ff0000;
	border-radius: 0.1rem;
}
.spa2{
	width: 1.46875rem;
	text-align: center;
	color: white;
	background-color: #FF0000;
	border-radius: 0.1rem;
}
.color1{
	color: #ff3800;
}
.color2{
	color:#c1c1c1;
}
/*底部导航*/
#footer_nav{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	display: flex;
}
#home{
	width: 1rem;
	height: 1rem;
	background:url(../img/icon1.png) no-repeat;
background-size: auto 100%;
}
#serch2{
	width: 1rem;
	height: 1rem;
	background:url(../img/icon2.png) no-repeat;
	background-size: auto 100%;
}
#shopping{
	width: 1rem;
	height: 1rem;
	background:url(../img/icon3.png) no-repeat;
	background-size: auto 100%;
}
#myself{
	width: 1rem;
	height: 1rem;
	background: url(../img/icon4.png) no-repeat;
	background-size: auto 100%;
}
/*fenlei*/
.fenlei{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
}
#left{
	font-size:0.4125rem;
	width:20%;
	height: 100%;
	background: #f8f8f8;
	overflow-y: scroll;
}
#left li{
	height: 1.234375rem;
	line-height: 1.234375rem;
	border-bottom: 1px solid #e0e0e0;
}
#right{
	font-size:0.4125rem;
	width:80%;
	height: 100%;
	
	overflow-y: scroll;
}
.right_top{
	height: 1.234375rem;
	line-height: 1.234375rem;
	display: flex;
	border-bottom: 1px solid #E0E0E0;
}
.right_img{
	position: absolute;
	top: 0.5rem;
    left: 0.5rem;
    height: 1.78125rem;
    width: 1.71875rem;
}
.right_title{
	position: absolute;
	left: 2.3rem;
    top:0.5rem;
	
}
.right_flex{
	height:3.1rem;
	
	position: relative;
	display: flex;
	border-bottom: 1px solid #E0E0E0;
}
.i_name{
	text-align: left;
							width: 3.90625rem;
							white-space: nowrap;
							overflow: hidden;
text-overflow: ellipsis;
}
.jia{
	    position: absolute;
    right: 0.2rem;
    top: 2rem;
    width: 0.559375rem;
    height: 0.559375rem;
    border: 2px solid #FF0000;
    border-radius: 50%;
    background: url(../img/product_operate-57bf1d7b.png) #FF0000 no-repeat;
    background-size: 1.11875rem 0.559375rem;
    background-position: -0.559375rem 0rem;
}
.jian{
	 position: absolute;
    right: 1.7rem;
    top: 2rem;
    width: 0.559375rem;
    height: 0.559375rem;
    border: 2px solid #FF0000;
    border-radius: 50%;
    background: url(../img/product_operate-57bf1d7b.png) #FF0000 no-repeat;
    background-size: 1.11875rem 0.559375rem;
    background-position: 0 0;
    
}
.first{
	border-left: 0.2rem solid #FFD600;
}
.shopnum{
	position: absolute;
    right:1.1rem;
    top: 2rem;
}
/*购物车页css*/
.shopcar_header{
	background: #f9fafd;
	border-bottom: 2px solid #E0E0E0;
	height: 1.4375rem;
	line-height:1.4375rem ;
	display: flex;
	font-size: 0.321875rem;
}
.red_title{
	font-size: 0.421875rem;
	text-align: left;
	text-indent: 0.390625rem;
	color:#e64f1a ;
	background: #f9fafd;
	border-bottom: 2px solid #E0E0E0;
	height: 1.4375rem;
	line-height:1.4375rem ;
	font-weight: 400;
	border-bottom: 40px solid #E0E0E0;
}
.shop_super{
	
	height: 1.71875rem;
	text-align: left;
	font-size:0.34375rem;
	border-bottom: 2px solid #E0E0E0;
}

.shop_super dd,dt{
	color: #a9a9a9;
	height: 0.78125rem;
	line-height:0.78125rem; 
	text-align: left;
	text-indent: 0.390625rem;
}
#yellow_block{
	width: 0.09375rem;
	border-radius:30%;
	height:0.34375rem;
	background-color:#FFD600;
}
.shop_get{
	font-size: 0.421875rem;
	display: flex;
	height: 1.671875rem;
	line-height: 1.671875rem; 
	border-bottom: 2px solid #E0E0E0;
}
#get_time2{
	text-align: left;
	color:#e64f1a ;
}
#remark{
	text-indent: 0.125rem;
	text-align: left;
	
	font-size:0.421875rem;
	position: relative;
	top: 0.265625rem;
	height: 1.015625rem;
	width: 6.859375rem;
	border: 1px solid #C1C1C1;
	border-radius: 0.046875rem;
}
.shop_merchandise{
	height: 2.484375rem;
	line-height:2.484375rem ;
	border: 1px solid #C1C1C1;
	position: relative;
}
.selectAll{
	position: absolute;
	left: 0.2rem;
	width: 2rem;
	display: flex;
		}
.select{
	position: absolute;
	top: 1.1rem;
	left: 0.2rem;
			width: 0.78125rem;
		}
		.select label div{
			width: 0.40625rem;height: 0.40625rem;
			margin-right: 0.3125rem;
			background: url();
			background-size: 100%;
		}
		.select label{
			display: flex;
			align-items: center;
			height: 100%;
		}
		.select label input{
			display: none;
		}
		.select label input:checked+div{
			background: url();
			background-size: 100%;
		}
		.select2{
	position: absolute;
	top: 0.6rem;
	left: 0.2rem;
			width: 0.78125rem;
		}
		.select2 label div{
			width: 0.40625rem;height: 0.40625rem;
			margin-right: 0.3125rem;
			background: url();
			background-size: 100%;
		}
		.select2 label{
			display: flex;
			align-items: center;
			height: 100%;
		}
		.select2 label input{
			display: none;
		}
		.select2 label input:checked+div{
			background: url();
			background-size: 100%;
		}
.merchandise_flex{
	position: relative;
	display: flex;
	border-bottom: 1px solid #E0E0E0;
}
.merchandise_img{
	position: absolute;
	top: 0.3rem;
    left: 1.5rem;
    height: 1.78125rem;
    width: 1.71875rem;
}
.merchandise_name{ 
	font-size: 0.421875rem;
	line-height:1.9625rem;
	height:1.5625rem;
	text-align: left;
	width: 3.90625rem;
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
}
.merchandise_price{
	
}
.merchandise_title{
	position: absolute;
	left: 3.8rem;
    top: -0.5rem;
}
.merchandise_jian{
	 position: absolute;
    right: 1.7rem;
    top: 1.5rem;
    width: 0.559375rem;
    height: 0.559375rem;
    border: 2px solid #FF0000;
    border-radius: 50%;
    background: url(../img/product_operate-57bf1d7b.png) #FF0000 no-repeat;
    background-size: 1.11875rem 0.559375rem;
    background-position: 0 0;
}
.merchandise_shopnum{
	position: absolute;
    right:1.2rem;
    top: 0.6rem;
}
.merchandise_jia{
	    position: absolute;
    right: 0.2rem;
    top: 1.5rem;
    width: 0.559375rem;
    height: 0.559375rem;
    border: 2px solid #FF0000;
    border-radius: 50%;
    background: url(../img/product_operate-57bf1d7b.png) #FF0000 no-repeat;
    background-size: 1.11875rem 0.559375rem;
    background-position: -0.559375rem 0rem;
}
.shop_checkout{
	font-size:0.421875rem;
	display: flex;
	height: 1.584375rem;
	line-height:1.584375rem ;
	border: 1px solid #C1C1C1;
	position: relative;
}
#dui2{
	position: absolute;
	left: 0.125rem;
	top:0.50625rem;
}
#dui2 img{
	height: 0.65625rem;
	width: 0.65625rem;
}
#over{
	position: absolute;
	left: 1.03125rem;
}
#checkout_all{
	position: absolute;
	right:5.09375rem ;
}
.check_over{
	position: absolute;
	right: 0;
	width: 3.09375rem;
	color: #333333;
	background-color: #FFD600;
	height: 1.584375rem;
	line-height:1.584375rem ;
}
.personal_top{
	background-color: #FFD600;
	height: 4.203125rem;
}
.personal_top1{
	height: 3.140625rem;
}
.personal_top2{
	height: 1.078125rem;
}
.personal_main{
	height: 2.46875rem;
	border-bottom: 0.296875rem solid #E0E0E0;
}
.personal_main2{
	border-bottom: 0.03125rem solid #E0E0E0;
}
.personal_main3{
	height: 2.46875rem;
	border-bottom: 0.890625rem solid #E0E0E0;
}
.empty-notice{
			padding-top: 35%;
			padding-bottom: 65%;
		}
.empty-notice .pic{
			width: 2.9375rem;
			height: 2.9375rem;
			background-image: url(./images/cart_img.png);
			background-repeat: no-repeat;
			margin: auto;
		}
.empty-notice .text{
			text-align: center;
			font-size: 0.4375rem;
			line-height: 0.625rem;
		}
.empty-notice a{
			display: block;
			width: 2.34375rem;
			height: 0.625rem;
			font-size: 0.4375rem;
			line-height: 0.625rem;
			border: 0.015625rem solid #ccc;
			color: #999;
			text-align: center;
			margin: 0.3125rem auto;
		}